// 导入Vue
import Vue from 'vue'
// 导入App.vue
import App from './App.vue'
// 要不要控制台多打印一句废话
Vue.config.productionTip = false

// 注册全局组件
import MyCheckbox from './components/MyCheckbox'
// 参数1：组件名
// 参数2：对应的组件（对应的.vue文件）
Vue.component('MyCheckbox', MyCheckbox)

// 注册全局过滤器
// 参数1：过滤器名字
// 参数2： 过滤器的处理函数
Vue.filter('formatTime', val => {

  return '2022-08-22'
})

// 注册全局指令
// 参数1：指令名
// 参数2：指令的写法
// Vue.directive('color', {
//   inserted (el, binding) {
//     el.style.color = binding.value
//   },
//   update (el,binding) {
//     el.style.color = binding.value
//   }
// })

// 简写
Vue.directive('color', (el, binding) => {

  el.style.color = binding.value
})

// 在Vue中全局的东西一般都是 Vue.xxx 而且这个xxx不用加s，局部的加s

// 实例化一个Vue对象
new Vue({
  // el: '#app2',
  // render：渲染
  // 渲染App.vue，渲染到被vue管理的div里
  // 也就是说渲染到id为app的地方那
  render: h => h(App),
}).$mount('#app') // $mount相当于就是el
